<template>
  <div>
    <div class="books">
      <Book class="book" img_path="images/01.png" title="西游记" v-for="i in 10" :key="i"></Book>
    </div>
    <BottomBar :index="2"></BottomBar>
  </div>
</template>

<script>
import Book from "@/components/Book";
import BottomBar from "@/components/BottomBar";

export default {
  name: "MyBookView",
  components: {
    Book,
    BottomBar
  }
}
</script>

<style scoped>
.books {
  width: 90%;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.book {
  margin: 0 15px;
}
</style>
